@include('backstage/public/_header')
    <!--搜索結果頁面 列表 開始-->
    <div class="result_wrap">
        <!--快捷導航 開始-->
        <div class="result_content">
            <div class="short_wrap">
                <a href="add"><i class="fa fa-plus"></i>新增分類</a>
                <a href="javascript:void(0);" onclick="del();" ><i class="fa fa-recycle"></i>批量刪除</a>
                <a href="javascript:void(0);" onclick="window.location.reload();"><i class="fa fa-refresh"></i>更新排序</a>
            </div>
        </div>
        <!--快捷導航 結束-->
    </div>

    <div class="result_wrap">
        <div class="result_content">
            <table class="list_tab">
                <tr>
                    <th class="tc" width="5%"><input type="checkbox" id="checkAll" value="0"></th>
                    <th class="tc" width="5%">排序</th>
                    <th class="tc" width="5%">ID</th>
                    <th width="20%">分類名稱</th>
                    <th>分類標識</th>
                    <th>狀態</th>
                    <th>添加時間</th>
                    <th>操作</th>
                </tr>
                @foreach ($list as $vb)
                    <tr id="list_{{$vb->id}}" typeid="{{$vb->id}}" parentid="{{$vb->pid}}">
                        <td class="tc"><input type="checkbox" name="checkbox" value="{{$vb->id}}"></td>
                        <td class="tc">
                            <input type="text" onkeyup="value=value.replace(/[^\d{1,}\-\d{1,}|\d{1,}]/g,'')" onblur="sort('sort',{{$vb->id}})" maxlength="3" value="{{$vb->sort_order}}" id="sort_{{$vb->id}}" sort="{{$vb->sort_order}}">
                        </td>
                        <td class="tc">{{$vb->id}}</td>
                        <td>@if($vb->son_count>0)<i class="fa fa-minus-square-o" style="cursor:pointer;" data="son"></i>@endif{{$vb->type_name}}</td>
                        <td>{{$vb->type_nid or ''}}</td>
                        <td>@if($vb->is_hidden==1) 隱藏 @else 顯示 @endif</td>
                        <td>@if($vb->add_time!=0) {{date('Y-m-d H:i:s',$vb->add_time)}} @endif</td>
                        <td>
                            <a href="edit/{{$vb->id}}">修改</a>
                            <a href="javascript:void(0);" onclick="del({{$vb->id}});">刪除</a>
                        </td>
                    </tr>
                @endforeach
            </table>
        </div>
    </div>
    <!--搜索結果頁面 列表 結束-->
    <script type="text/javascript">
        $(function(){
            $(".list_tab").bind("click", function(event){
                var _this = $(event.target);//獲取當前點擊元素
                if(!$(_this).attr("data")) return ;//如果被點擊的元素不是span即+-號就不繼續執行
                var _parents = $(event.target).parents('tr');//獲取當前點擊元素所在行
                // 判斷是否加載子地區
                var typeid = $(_parents).attr('typeid');
                // var sonTree = $('input[type="checkbox"]');
                // var sonTree = $('.list_tab tr[parentid="'+typeid+'"]');//子集
                var sonArr = getSon(typeid);//子孫集
                // 判斷是否有子元素是否有子元素
                if($(_this).hasClass('fa-plus-square-o')){
                    $(_this).addClass('fa-minus-square-o').removeClass('fa-plus-square-o');
                    for(var i = 0; i < sonArr.length; i++){
                        if(sonArr[i].attr('parentid')==typeid){
                            sonArr[i].show();
                        }else{
                            var pid = sonArr[i].attr('parentid');
                            $parent = $(".list_tab tr[typeid="+pid+"]").find('i.fa').hasClass('fa-minus-square-o');
                            // console.log($aa);
                            if($parent){
                                sonArr[i].show();
                            }
                        }
                    }
                }else{
                    $(_this).addClass('fa-plus-square-o').removeClass('fa-minus-square-o');
                    for(var i = 0; i < sonArr.length; i++){
                        sonArr[i].hide();
                    }
                }
            });
        });
        // 判斷是否有子元素是否有子元素，如果有放回所有的子集
        function getSon(id,sonArr=[]){
            var sonTree = $('.list_tab tr[parentid="'+id+'"]');//子集
            sonArr.unshift(sonTree);
            for(var i = 0; i < sonTree.length; i++){
                var typeid = $(sonTree[i]).attr('typeid');//孫集typeid
                var grandson = $('.list_tab tr[parentid="'+typeid+'"]');//孫集
                if(grandson.length>0){
                    sonArr = getSon(typeid,sonArr);
                }
            }
            return sonArr;
        }
        function sort(name,id){
            var olddata = $('#'+name+'_'+id).attr('sort');
            var getdata = $('#'+name+'_'+id).val();
            if(olddata != getdata ){
                $.post("{{$update_sort}}", { 'id': id,'sort': $('#'+name+'_'+id).val(),"_token":"{{csrf_token()}}"},
                function (data){
                    // console.log(data);
                    if(data.status==1){
                        $('#'+name+'_'+id).attr('sort',getdata);
                    }
                    if(data.status==-1){
                        layer.alert(data.message, {icon: 2,anim:6});
                    }
                    if(data.status==0){
                        layer.msg(data.message, {icon: 2});
                        // window.location.reload(); 
                        $('#'+name+'_'+id).val(olddata);
                    }
                }, "json");
            }
        }
        function getChecked() {
            var gids = new Array();
            $.each($('input:checked'), function(i, n){
                if($(n).val()!=0) gids.push( $(n).val() );
            });
            return gids;
        }
        //刪除
        function del(aid){
            aid = aid ? aid : getChecked();
            // console.log(aid);
            //詢問框
            layer.confirm('刪除後不可恢復，確定要刪除嗎？', {
              btn: ['確定','取消'] //按鈕
            }, function(){
                aid = aid.toString();
                // console.log(aid);
                if(aid == '') return layer.msg('未選中任何數據', {icon: 2,anim: 6});
                // layer.msg('正在刪除...', {icon: 16,shade: 0.01});
                $.post("{{$dodel}}", { 'idstr':aid,"_token":"{{ csrf_token() }}"},
                function (data){
                    if(data.status==1){
                        layer.msg('正在刪除...', {icon: 16,shade: 0.01});
                        setTimeout(function(){
                            aid = aid.split(',');
                            $.each(aid, function(i,n){
                                $('#list_'+n).remove();
                            });
                            layer.msg(data.message, {icon: 1});
                        },2000);
                    }else if(data.status==0){
                        layer.msg(data.message, {icon: 2});
                    }else if(data.status==-1){
                        layer.alert(data.message, {icon: 2,anim:6});
                    }else if(data.status==2){
                        layer.msg(data.message, {icon: 7});
                    }else{
                        layer.msg('未知原因，刪除失敗', {icon: 2});
                    }
                }, "json");
            });
        }
    </script>
@include('backstage/public/_footer')